@width: 200px;

.bgc(@color) {
  background-color: @color;
}

.box {
  // background-color: red;
  height: 500px;
  width: @width;
  .bgc(red);

  .box2 {
    // background-color: blue;
    height: 50px;
    width: 50px;
    .bgc(blue);
  }

  &:hover {
    .box2 {
      // background-color: green;
      .bgc(green);
    }

  }
}